/* 公共样式 */
body, * {
  padding: 0;
  margin: 0;
}

ul li {
  list-style: none;
}

body {
  margin: 0px;
  background: #ebebeb;
  font-family: '微软雅黑';
  font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

button {
  border: none;
}

a {
  text-decoration: none;
  color: inherit;
}

.bgDefault {
  background-color: #515151 !important;
  color: #FFF;
}

.bgPrimary {
  background-color: #579ddb !important;
  color: #FFF;
}

.bgInfo {
  background-color: #46b9d8 !important;
  color: #FFF;
}

.bgSuccess {
  background-color: #97c664 !important;
  color: #FFF;
}

.bgMint {
  background-color: #48c5a3 !important;
  color: #FFF;
}

.bgWarning {
  background-color: #eaa642 !important;
  color: #FFF;
}

.bgDanger {
  background-color: #f76447 !important;
  color: #FFF;
}

.bgPink {
  background-color: #e15671 !important;
  color: #FFF;
}

.bgPurple {
  background-color: #986291 !important;
  color: #FFF;
}

.bgDark {
  background-color: #363c40 !important;
  color: #FFF;
}

.bgBlue {
  background-color: #27b9dd !important;
  color: #FFF;
}

.bgGray {
  background-color: #CCC !important;
  color: #FFF;
}

.colDefault {
  color: #515151 !important;
}

.colPrimary {
  color: #579ddb !important;
}

.colInfo {
  color: #46b9d8 !important;
}

.colSuccess {
  color: #97c664 !important;
}

.colMint {
  color: #48c5a3 !important;
}

.colWarning {
  color: #eaa642 !important;
}

.colDanger {
  color: #f76447 !important;
}

.colPink {
  color: #e15671 !important;
}

.colPurple {
  color: #986291 !important;
}

.colDark {
  color: #363c40 !important;
}

.colBlue {
  color: #27b9dd !important;
}

.textRight {
  text-align: right;
}

.textLeft {
  text-align: left;
}

.textCenter {
  text-align: center;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.clear:after,
.clear:before {
  content: "";
  display: table;
}

.clear:after {
  clear: both;
}

.clear {
  *zoom: 1;
}

.main_pagination ul {
  list-style: none;
  text-align: center;
  margin: 0;
  padding: 0;
}

.main_pagination ul li {
  display: inline;
}

.main_pagination ul li a {
  text-decoration: none;
  color: #333;
}

dfn {
  text-align: left;
  font-style: normal;
  display: block;
  font-size: 16px;
  line-height: 26px;
}

/* 头部 */
.blog_header {
  width: 100%;
  height: 222px;
  background: url(/public/img/title_bg.jpg) no-repeat center;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.blog_header .img_logo {
  width: 150px;
  height: auto;
}

/* 博客主体部分 */
.blog_container {
  width: 100%;
  min-height: 450px;
  overflow: hidden;
}

/* 博客导航 */
.blog_container .container_nav {
  width: 100%;
  height: 50px;
  line-height: 50px;
  background-color: #fff;
  padding: 0 20px;
  text-align: center;
}

.blog_container .container_nav li {
  display: inline-block;
  width: 100px;
  cursor: pointer;
}

.blog_container .container_nav li a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.blog_container .container_nav .nav_item_active {
  margin-bottom: -2px;
  border-bottom: 2px solid #e67e22;
}

/* 博客内容 */
.container_content {
  width: 1140px;
  margin: 35px auto 0px;
}

/* 内容部分 */
.container_content .main_model {
  width: 750px;
}

.main_model .main_content {
  width: 100%;
  /* min-height: 350px; */
}

.main_model .main_content .listBox {
  background: #fff;
  padding: 20px 35px;
  text-align: center;
  margin-bottom: 30px;
}

.main_model .main_content .listBox .function {
  padding: 10px 0px;
  text-align: left;
  margin: 5px 0px 0px;
}

.main_model .main_content .listBox .function.bortop {
  border-top: 1px solid #ddd;
}

.main_model .main_content .listBox .function a {
  display: inline-block;
  background: #e67e22;
  text-align: center;
  width: 100px;
  height: 34px;
  line-height: 34px;
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
  font-family: '微软雅黑';
  text-decoration: none;
}

.main_model .main_pagination {
  width: 710px;
  height: 60px;
  line-height: 60px;
  padding: 0 20px;
  margin-bottom: 30px;
  background: #fff;
}

/* 用户注册部分 */
.container_content .user_model {
  width: 350px;
  min-height: 400px;
}

.user_model .rightBox {
  background: #fff;
  padding: 16px 30px;
  margin-bottom: 30px;
}

.user_model .rightBox .title {
  border-bottom: 1px solid #ebebeb;
  font-size: 18px;
  margin-bottom: 20px;
}

.user_model .rightBox .title span {
  display: inline-block;
  margin-bottom: -1px;
  height: 36px;
  line-height: 36px;
  border-bottom: 1px solid #e67e22;
  padding: 0px 20px 0px 0px;
}

.user_model .rightBox button {
  background: #e67e22;
  width: 100%;
  height: 34px;
  cursor: pointer;
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
  font-family: '微软雅黑';
}

.user_model .rightBox .line {
  margin-bottom: 10px;
  position: relative;
}

.user_model .rightBox .line.error em {
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: 8px;
  right: 25px;
  cursor: pointer;
  background: url(../images/close.png) no-repeat center center;
  background-size: 80% 80%;
}

.user_model .rightBox .line span {
  width: 60px;
  display: inline-block;
  text-align: right;
}

.user_model .rightBox .line input {
  width: 210px;
  height: 34px;
  line-height: 34px;
  border: 1px solid #ddd;
  background: none;
  padding: 0px 5px;
}

.user_model .rightBox .line button {
  background: #e67e22;
  width: 222px;
  height: 34px;
  cursor: pointer;
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
  font-family: '微软雅黑';
}

.user_model .rightBox .line em {
  display: none;
}

/* 博客底部 */
.blog_footer {
  height: 79px;
  background: #111111;
  line-height: 79px;
  border-top: 1px solid #303030;
  color: #555;
  text-align: center;
}

/* 留言 */
.comment {
  width: 720px;
  min-height: 430px;
  background: #fff;
  padding: 0 15px;
  margin-bottom: 30px;
}

.comment .line {
  width: 100%;
  height: 30px;
  line-height: 30px;
}

.comment textarea {
  float: left;
  padding: 10px;
  width: 622px;
  height: 48px;
  border: 1px solid #1F89bf;
  outline: 0;
  resize: none;
}

.comment .submit {
  margin-top: -1px;
  float: left;
  padding: 10px;
  width: 76px;
  height: 72px;
  background: #1F89bf;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}

.comment_info {
  margin-top: 15px;
  background-color: #f76447 !important;
  color: #FFF;
  text-align: center;
}

.messageBox {
  border-radius: 5px;
  padding: 5px 10px 10px;
  margin-bottom: 10px;
  text-align: left;
}

.messageBox .name {
  border-bottom: 1px solid #fff;
  line-height: 36px;
  font-size: 16px;
}

.messageBox p {
  margin: 0px;
}

textarea:disabled {
  background: #fff;
}

/**
 * 分页
 */
.pager {
  padding: 20px;
  margin-bottom: 30px;
  background: #fff;
}

.pager ul {
  list-style: none;
  text-align: center;
  margin: 0;
  padding: 0;
}

.pager ul li {
  display: inline;
}

.pager ul li a {
  text-decoration: none;
  color: #333;
}

.pager .previous>a, .pager .previous>span {
  float: left;
}

.pager .next>a, .pager .next>span {
  float: right;
}
